<script lang="ts" setup>
  import { ref } from 'vue';

  const data = ref({});
</script>

<template>
  <a-form :model="data" layout="vertical">
    <a-row :gutter="12">
      <a-col :flex="1">
        <a-row :gutter="12">
          <a-col :span="6">
            <a-form-item hide-label>
              <a-input>
                <template #prefix>搜索ID/名称</template>
              </a-input>
            </a-form-item>
          </a-col>

          <a-col :span="6">
            <a-form-item hide-label>
              <a-range-picker :placeholder="['入驻开始时间', '结束时间']" />
            </a-form-item>
          </a-col>

          <a-col :span="6">
            <a-form-item hide-label>
              <a-select>
                <template #prefix>地区</template>
              </a-select>
            </a-form-item>
          </a-col>
        </a-row>
      </a-col>
      <a-col flex="none" style="width: 140px">
        <a-row :gutter="[12, 12]">
          <a-col :span="12"><a-button type="primary">搜索</a-button></a-col>
          <a-col :span="12"><a-button>重置</a-button></a-col>
        </a-row>
      </a-col>
    </a-row>
  </a-form>
</template>
